<template>
	<view class="feedback-body">
		<!-- <u-collapse >
			<u-collapse-item  @change="change(index)" :class="{'open':aindex==index}" :style="itemstyle" :title="item.head" v-for="(item, index) in itemList" :key="index">
				{{item.body}}
			</u-collapse-item>
		</u-collapse> -->
		<uni-collapse :accordion="true">
			<block v-for="(item,index) in itemList">
			<uni-collapse-item :title="item.head" :show-animation="true">
				<text class="content">{{ item.body }}</text>
			</uni-collapse-item>
			</block>
		</uni-collapse>
		
		<!-- <uni-collapse>
			<block v-for="(item,index) in itemList">
			<uni-collapse-item :title="item.head" thumb="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png">
				<text class="content">{{item.body}}</text>
			</uni-collapse-item>
			</block>
		</uni-collapse> -->
		<button type="default" class="button">意见反馈</button>
	</view>
</template>

<script>
		import uniCollapseItem from '../../components/uni-collapse-item/uni-collapse-item.vue'
		import uniCollapse from '../../components/uni-collapse/uni-collapse.vue'
	export default {
		components:{
			uniCollapseItem,
			uniCollapse
		},
		data() {
			return {
				
				
				itemList: [{
						head: "客服什么时候在线？",
						body: "客服什么时候在线我怎么知道？你在吃屁吗？他什么时候上班什么时候不就在线了！你问什么问？",
						open: false,
						disabled: true
					},{
						head: "忘记密码怎么办？",
						body: "傻逼才会忘记密码",
						open: false,
					},{
						head: "孩子半夜撸管怎么办？",
						body: "阉了就好了",
						open: false,
					}],
			}
		},
		methods: {
			change(index){
				console.log(index)
				this.aindex=index
			}
		}
	}
</script>

<style>
.feedback-body{
	padding: 0 20upx;
}
.button{
	background-color: #FFE933;
	border-bottom: #EEEEEE 1upx solid;
}

</style>
